// 基于准备好的dom，初始化echarts实例
var myChart8 = echarts.init(document.getElementById('main_8'));
// 指定图表的配置项和数据
var option8 = {
    title: {
        text: '广州市开发商进度及贷款情况统计表',
        x:'center',
        textStyle: {
            color: '#ADADAD',
            fontSize : 12
        },
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        },
        formatter: '{b0}:{c0}%'
    },
    legend: {
        data: ['建设已完成进度', '销售已完成进度','还款进度'],
        bottom: '0'
    },
    grid: {

    },
    xAxis: {
        type: 'category',
        data: ['碧桂园','大华地产','新天地','万达']
    },
    yAxis: {
        type: 'value',
        boundaryGap: [0, 0.01],
        axisLabel: {
            formatter: '{value}%'
        },
    },

    series: [
        {
            name: '建设已完成进度',
            type: 'bar',
            data: [53, 73, 13, 28,]
        },
        {
            name: '销售已完成进度',
            type: 'bar',
            data: [38, 72, 27, 37]
        }
        ,
        {
            name: '还款进度',
            type: 'bar',
            data: [85, 43, 76, 85]
        }
    ]
};
myChart8.setOption(option8);


var myChart9 = echarts.init(document.getElementById('main_9'));
// 指定图表的配置项和数据
var option9 = {
    title : {
        text: '碧桂园关联公司贷款占比',
        x:'center',
        textStyle: {
            color: '#ADADAD',
            fontSize : 12
        },
    },
    tooltip : {
        trigger: 'item',
        formatter: "{b}：{d}%"
    },
    legend: {
        orient: 'vertical',
        right: 'right',
        // data: ['深圳市中盈贵金属股份有限公司','惠州市富益投资有限公司','深圳市鹏鑫实业有限公司','深圳市碧函企业管理有限公司']
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius : '50%',
            data:[
                {value:335, name:'深圳市中盈贵金属股份有限公司'},
                {value:310, name:'惠州市富益投资有限公司'},
                {value:234, name:'深圳市鹏鑫实业有限公司'},
                {value:135, name:'深圳市碧函企业管理有限公司'}
            ],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
myChart9.setOption(option9);

// 基于准备好的dom，初始化echarts实例
var myChart10 = echarts.init(document.getElementById('main_10'));
// 指定图表的配置项和数据
var option10 = {
    title: {
        text: '碧桂园关联公司贷款环比',
        x: 'center',
        textStyle: {
            color: '#ADADAD',
            fontSize : 12
        },
    },

    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        },
        formatter: "{b} : {c}%"
    },
    legend: {
        // data: ['惠州市富益投资有限公司','深圳市鹏鑫实业有限公司','深圳市荣基德投资有限公司','深圳市碧函企业管理有限公司'],
        bottom: 'bottom',
    },
    xAxis: {
        type: 'category',
        data: ['惠州市富益投资有限公司','深圳市鹏鑫实业有限公司','深圳市荣基德投资有限公司','深圳市碧函企业管理有限公司']
    },
    yAxis: {
        type: 'value',
        boundaryGap: [0, 0.01],
        axisLabel: {
            formatter: '{value}%'
        },
    },
    series: [
        {
            // name: '2011年',
            type: 'bar',
            data: [34, 83, 28, 44]
        }
    ]
};
myChart10.setOption(option10);
